import {defineStore} from "pinia";
import {computed, ref} from "vue";

export const userCountStore = defineStore('count', {
    state() {
        return {
            sum: 1
        }
    },
    actions: {
        increment() {
            this.sum += 1
        }
    },
    getters: {
        bigSum(state) {
            console.log(this.sum === state.sum) //true
            return state.sum * 100
        },

    }
})

export const useCountStore_ = defineStore('count', () => {
    // 状态：对应选项式的state
    const sum = ref(1)

    // 动作：对应选项式的actions
    const increment = () => {
        sum.value += 1
    }

    // 计算属性：对应选项式的getters
    const bigSum = computed(() => {
        console.log(sum.value === sum.value) // 始终为true
        return sum.value * 100
    })

    // 暴露状态、方法和计算属性
    return {
        sum,
        increment,
        bigSum
    }
})
